﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MenuManage.ascx.cs" Inherits=" MpSoft.Web.AdminCP.Controls.Category.MenuManage" %>
<%@ Register Src="~/AdminCP/ToolsBar/Categories.ascx" TagPrefix="uc1" TagName="Categories" %>

<%-- Filetree --%>
<link rel="stylesheet" href="http://static.mpsoft.vn/Context/css/plugins/dynatree/ui.dynatree.css">
<%-- Filetree --%>
<script src="http://static.mpsoft.vn/Context/js/plugins/dynatree/jquery.dynatree.js"></script>
<%-- Touch enable for jquery UI --%>
	<script src="http://static.mpsoft.vn/Context/js/plugins/jquery-ui/jquery.ui.draggable.min.js"></script>
<%-- slimScroll --%>
	<script src="http://static.mpsoft.vn/Context/js/plugins/slimscroll/jquery.slimscroll.js"></script>
<script src="/AdminCP/Script/menu-manage.js"></script>
<div class="row">
    <div class="col-sm-12">
        <div class="box">
            <div class="box-title">
                <h3>
                    <i class="fa fa-bars"></i>
                    Cấu  hình menu</h3>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-3">
        <div class="box box-color green box-small box-bordered">
            <div class="box-title">
                <h3>
                    <i class="fa fa-bars"></i>
                    1. Chọn vị trí
								</h3>
                <div class="actions">
                    <a href="#" class="btn btn-mini content-refresh">
                        <i class="fa fa-hand-o-right" style="font-size:28px"></i>
                    </a>
                </div>
            </div>
            <div class="box-content scrollable"  data-height="400" data-visible="false">
                <div id="select-menu" class="check-demo-col">
                    <%= GetMenu() %>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="box box-color green box-small box-bordered">
            <div class="box-title">
                <h3>
                    <i class="fa fa-bars"></i>
                    2. Chọn danh mục
								</h3>
                <div class="actions">
                    <a href="#" class="btn btn-mini content-refresh">
                        <i class="fa fa-hand-o-right" style="font-size:28px"></i>
                    </a>
                </div>
            </div>
            <div class="box-content scrollable"  data-height="400" data-visible="true">
                <div class="filetree filetree-checkboxes">
                    <%= Categories() %>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="box box-color green box-small box-bordered">
            <div class="box-title">
                <h3 id="title-dsmenu">
                    <i class="fa fa-bars"></i>
                    3. Danh sách danh mục trong menu
								</h3>
            </div>
            <div class="box-content scrollable"  data-height="400" data-visible="true">
                <div class="col-sm-6">
                    <uc1:Categories runat="server" ID="categories" />
                    <span class="span1">&nbsp;</span>
                </div>
                <div class="col-sm-6 align-right nopadding">
                    <a id="btn-refresh" class="btn btn-large-1 btn-red" rel="tooltip" title="Làm tươi"><i class="glyphicon-refresh"></i>&nbsp;Làm tươi</a>
                </div>
                <table class="table table-hover table-nomargin table-striped">
                    <thead>
                        <tr>
                            <th>STT</th>
                            <th>Tiêu đề</th>
                            <th class='hidden-350'>Thứ tự</th>
                            <th class='hidden-1024'>Options</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>

